<template>
    <div>
      <div ref="chart" style="height: 300px;"></div>
    </div>

</template>

<script>
import echarts from 'echarts';

export default {
  mounted() {
    // 基于准备好的dom，初始化echarts实例
    const myChart = echarts.init(this.$refs.chart);

    // 准备图表数据（示例数据）
    const revenueData = [100, 200, 150, 300, 250];

    // 配置图表选项
    const options = {
      xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E']
      },
      yAxis: {
        type: 'value'
      },
      series: [{
        type: 'bar',
        data: revenueData
      }]
    };

    // 使用刚指定的配置项和数据显示图表
    myChart.setOption(options);
  }
};
</script>

<style>
</style>